<ion-view class="shop-wrapper shop-service-wrapper" set-dom>
    <ion-header-bar align-title="left" class="com-header bg-f7 border-1px-ccc">
        <div class="buttons">
            <button ng-click="back()" class="button fs-0"><i class="icon ion-ios-arrow-back color-333 fs-18"></i>
            </button>
        </div>
        <h1 class="title color-333">店铺名字啊店铺名字啊店铺名字啊店铺名字啊店铺名字啊</h1>
        <div class="buttons">
            <button ng-click="toggleCollect()" class="button fs-0"><i class="icon fs-16 color-red"
                                                                      ng-class="{true:'ion-ios-heart',false:'ion-ios-heart-outline'}[shopDetail.isCollect]"></i>
            </button>
            <button ng-click="share()" class="button fs-0"><i class="icon fs-16 ion-share color-base"></i></button>
        </div>
    </ion-header-bar>
    <ion-content class="bg-f7" overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <!--图片-->
        <div class="img-cont fs-0">
            <img src="./asset/car_customer/images/data/shop1.jpg" class="img">
        </div>
        <!--价格-->
        <div class="price bg-white clearfix">
            <div class="fl fs-14 color-333">
                这里是服务名字啊啊这里是服务名字啊
            </div>
            <div class="fr money">
                <del class="fs-12 color-ccc">￥20</del>
                <span class="fs-16 txt">￥60</span>
            </div>
        </div>
        <div class="mar-t-10 pad-side-15 bg-white detail">
            <h2 class="fs-14 color-333 border-1px-ccc title">服务介绍</h2>
            <p class="txt fs-14 color-666">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.</p>
        </div>
        <div class="btn pad-side-15 mar-t-20 pad-b-20">
            <button ui-sref="shop.buy" class="button button-positive button-full">立即购买</button>
            <button class="button button-default button-full">已下架</button>
        </div>
    </ion-content>
</ion-view>
